

<div ng-app="myapp" ng-controller="appCtrl">

    <form class="form-horizontal">
        <div class="form-group">
            <label for="inputEmail" class="control-label col-xs-2">Application</label>
            <div class="col-xs-4">
                <input type="email" class="form-control" id="inputEmail" placeholder="Application Name">
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword" class="control-label col-xs-2">Module</label>
            <div class="col-xs-3">
                <input type="password" class="form-control" id="inputPassword" placeholder="Module Name">
            </div>
        </div>
        <div class="form-group">
            <div class="col-xs-offset-2 col-xs-3">
                <select multiple="" class="form-control" style="height:200px">
                    <option>1</option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                    <option>5</option>
                </select>
            </div>
            <div class="col-xs-1">
                <p class="fa fa-plus-circle" ng-click="addMod()">  </p> <br/>
                <p class="fa fa-minus-circle" ng-click="removeMod()">  </p>
            </div>
        </div>


        <div class="form-group">
            <div class="col-xs-offset-2 col-xs-10">
                <button type="submit" class="btn btn-primary">Submit</button>
            </div>
        </div>
    </form>

    <div class="container">
        <br><label><h3>Applications and their Modules</h3></label>
        <table class="table table-bordered">
            <thead>
                <tr>
                    <th>Application</th>
                    <th>Module</th>
                </tr>
                <tr ng-repeat="val in apps">
                    <td>{{val.app}}</td>
                    <td>{{val.mod}}</td>
                </tr>
            </thead>
        </table>
    </div>


</div>

